{extend name="base/base"}
{block name="title"}商品详情{/block}

{block name="resources"}
	{load href="/static/css/index/common.css"}
	{load href="/static/css/index/goods.css"}
	{load href="/static/css/index/nav.css"}
	{load href="/static/jquery.jqzoom.js"}
	{load href="/static/css/index/jqzoom.css"}
	{load href="/static/js/index/goods.js"}
{/block}	

{block name="content"}
<div class="navBox clearfix">
	<div class="common-width clearfix">
		{include file="base/nav" /}	
	</div>
</div>

<div class="userPosition common-width">
	<div class="userPosition-bar fl">
	<!-- parseUserPosition -->
		<strong><a href="#">首页</a></strong>
		<span>&nbsp;&gt;&nbsp;</span>
		<a href="#">平板电脑</a>
		<span>&nbsp;&gt;&nbsp;</span>
		<em>MD531CH/A</em>
	</div>
</div>
<div class="description-info common-width">
	<div class="description clearfix">
		<div class="leftArea fl">
			<div class="description-imgs">
				<div id="preview" class="spec-preview"> <span class="jqzoom"><img width="340" height="340" jqimg="/uploads/b1.jpg" src="/uploads/s1.jpg" /></span> </div>
				<div class="spec-scroll"> <a class="prev">&lt;</a> <a class="next">&gt;</a>
					<div class="items">
					    <ul>
					    {volist name="album" id="vo"}
					    	<li><img alt="佳能" bimg="/uploads/picture/goods/{$vo.albumPath}" pimg="/uploads/picture/goods/{$vo.albumPath}" src="/uploads/picture/goods/{$vo.albumPath}"></li>
					    {/volist}
					    <li><img alt="佳能" bimg="/uploads/b1.jpg" pimg="/uploads/b1.jpg" src="/uploads/b1.jpg"></li>
					</div>
				</div>
			</div>
		</div>



		<div class="rightArea fr">
			<div class="des-content">
				<h3 class="des-content_tit">{$list.gName}</h3>
				<div class="dl clearfix">
					<div class="dt">价格</div>
					<div class="dd clearfix"><span class="des-money"><em>￥</em>{$list.mPrice}</span></div>
				</div>
				<div class="dl clearfix">
					<div class="dt">优惠</div>
					<div class="dd clearfix"><span class="hg"><i class="hg_icon">满换购</i><em>购ipad加价优惠够配件或USB充电插座</em></span></div>
				</div>
				<div class="des-position">
					<div class="dl clearfix">
						<div class="dt">送到</div>
						<div class="dd clearfix">
							<div class="select">
								<h3>海淀区五环内</h3><span></span>
								<ul class="show_select">
									<li>上帝</li>
									<li>五道口</li>
									<li>上帝</li>
								</ul>
							</div>
							<span class="theGoods">有货，可当日出货</span>
						</div>
					</div>
					<div class="dl clearfix">
						<div class="dt colorSelect">选择颜色</div>
						<div class="dd clearfix">
							<div class="des-item des-item_acitve">
								WIFI 16GB
							</div>
							<div class="des-item">
								WIFI 16GB
							</div>
							<div class="des-item">
								WIFI 16GB
							</div>
						</div>
					</div>
					<div class="dl clearfix">
						<div class="dt des-select_more">选择版本</div>
						<div class="dd clearfix ">
							<div class="des-item des-item_sm des-item_acitve">
								WIFI 16GB
							</div>
							<div class="des-item des-item_sm">
								WIFI 16GB + 3G
							</div>
							<div class="des-item des-item_sm">
								WIFI + 3G
							</div>
							<div class="des-item des-item_sm">
								WIFI 16GB
							</div>
							<div class="des-item des-item_sm">
								WIFI 16GB + 3G
							</div>
							<div class="des-item des-item_sm">
								WIFI + 3G
							</div>
							<div class="des-item des-item_sm">
								WIFI 16GB
							</div>
							<div class="des-item des-item_sm">
								WIFI 16GB + 3G
							</div>
							<div class="des-item des-item_sm">
								WIFI + 3G
							</div>
						</div>
					</div>
					<div class="dl">
						<div class="dt des-num">数量</div>
						<div class="dd clearfix">
							<div class="des-number">
								<div class="reduction">-</div>
								<div class="des-input">
									<input type="text" value="1">
								</div>
								<div class="plus">+</div>
							</div>
							<span class="xg">限购<em>9</em>件</span>
						</div>
					</div>
				</div>
				<div class="des-select">
					已选择 <span>"白色|WIFI 16G"</span>
				</div>
				<div class="shop-buy">
					<a href="javascript:void(0);" class="shopping-btn" onclick="addToCart()">加入购物车</a>
					<span class="line"></span>
					<a href="javascript:void(0);" class="buy-btn" onclick="buyNow()">立即购买</a>
				</div>
				<div class="notes">
					注意：此商品可提供普通发票，不提供增值税发票。
				</div>
			</div>
		</div>
	</div>
</div>

<div class="des-info common-width clearfix">
	<div class="leftArea fl">
		<div class="recommend">
			<h3 class="tit">同价位</h3>
			<div class="item">
				<div class="item_cont">
					<div class="img_item">
						<a href="#"><img src="images/shopImg.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
				</div>
			</div>
			<div class="item">
				<div class="item_cont">
					<div class="img_item">
						<a href="#"><img src="images/shopImg.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
				</div>
			</div>
			<div class="item">
				<div class="item_cont">
					<div class="img_item">
						<a href="#"><img src="images/shopImg.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
				</div>
			</div>
		</div>
		<div class="hr_15"></div>
		<div class="recommend">
			<h3 class="tit">同价位</h3>
			<div class="item">
				<div class="item_cont">
					<div class="img_item">
						<a href="#"><img src="images/shopImg.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
				</div>
			</div>
			<div class="item">
				<div class="item_cont">
					<div class="img_item">
						<a href="#"><img src="images/shopImg.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
				</div>
			</div>
			<div class="item">
				<div class="item_cont">
					<div class="img_item">
						<a href="#"><img src="images/shopImg.jpg" alt=""></a>
					</div>
					<p><a href="#">文字介绍文字介绍文字介绍文字介绍文字介绍文字介绍</a></p>
					<p class="money">￥888</p>
				</div>
			</div>
		</div>
	</div>
	<div class="rightArea fr">
		<div class="des-infoContent">
			<ul class="des-tit">
				<li class="active"><span>产品介绍</span></li>
				<li><span>产品评价(12312)</span></li>
			</ul>
			<div class="info_text" style="">
				{$list.gDesc}
			</div>
		</div>


		<div class="hr_15"></div>


		<div class="des-infoContent">
			<h3 class="shopdes-tit">商品评价</h3>
			<div class="score-box clearfix">
				<div class="score">
					<span>4.7</span><em>分</em>
				</div>
				<div class="score-speed">
					<ul class="score-speed_text">
						<li class="speed_01">非常不满意</li>
						<li class="speed_02">不满意</li>
						<li class="speed_03">一般</li>
						<li class="speed_04">满意</li>
						<li>非常满意</li>
					</ul>
					<!-- 总分+人数 -->
					<div class="score-num">
						<!-- 平均评分 -->4.7<i></i>
					</div>
					<p>共<!-- 18939 -->位慕课网友参与评分</p>
				</div>
			</div>
			<div class="review_tab">
				<ul class="review fl">
					<li><a href="#" class="active">全部</a></li>
					<li><a href="#">满意（<!-- 3121 -->）</a></li>
					<li><a href="#">一般（<!-- 321 -->）</a></li>
					<li><a href="#">不满意（<!-- 1121 -->）</a></li>
				</ul>
				<div class="review_sort fr">
					<a href="#" class="review_time">时间排序</a><a href="#" class="review_reco">推荐排序</a>
				</div>
			</div>


			<div class="review_listBox">

				<div class="review_list clearfix">
					<div class="review_userHead fl">
					<!-- 评价用户 -->
						<div class="review_user">
							<img src="images/userhead.jpg" alt="">
							<p>61***42<!-- id --></p>
							<p>金色会员<!-- dengji --></p>
						</div>
					</div>
					<div class="review_cont">
						<div class="review_t clearfix">
							<!-- 评分 -->
							<div class="starsBox fl">
							<!-- 评分星星图标 -->
							<span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span>
							</div>
							<span class="stars_text fl">5分 满意</span>
						</div>
						<p><!-- 评价详情 -->321312312</p>
						<!-- 评论评价 -->
						<p><a href="#" class="ding">顶(0)</a><a href="#" class="cai">踩(0)</a></p>
					</div>
				</div>

				<div class="review_list clearfix">
					<div class="review_userHead fl">
						<div class="review_user">
							<img src="images/userhead.jpg" alt="">
							<p>61***42</p>
							<p>金色会员</p>
						</div>
					</div>
					<div class="review_cont">
						<div class="review_t clearfix">
							<div class="starsBox fl"><span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span><span class="stars"></span></div>
							<span class="stars_text fl">5分 满意</span>
						</div>
						<p>赖慕课挺不错的信赖慕课挺不错的，信赖慕课</p>
						<p><a href="#" class="ding">顶(0)</a><a href="#" class="cai">踩(0)</a></p>
					</div>
				</div>
				
			</div>
		</div>
	</div>
</div>
{/block}

